// home/pages/search/index.ts
import { debounce, throttle } from "../../../utils/util";
import GoodApi from "../../api/goodApi";
const goodApi = new GoodApi();

Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		value: '',
		history: wx.getStorageSync('history'),
		goodList: []
	},

	// 点击搜索
	search(e) {
		// 获取搜索框输入的内容 e.detail.value
		let params = {
			goodName: e.detail.value
		}
		goodApi.searchGood(params).then((res) => {
			this.insertHistory(params.goodName)
			this.setData({
				goodList: res
			})
		})
	},

	// 边输入边搜索
	// 使用防抖方法
	changeInput: debounce(function (this: any, e: any) {
		this.search(e)
	}, 1500),

	// 删除搜索历史
	deleteHistory() {
		wx.removeStorageSync('history')
		this.setData({
			history: []
		})
	},

	insertHistory(h: string) {
		let history = wx.getStorageSync('history');
		if (history) {
			history.push(h)
			wx.setStorageSync('history', history)
			this.setData({
				history
			})
		} else {
			wx.setStorageSync('history', [h])
			this.setData({
				h
			})
		}
	},

	// 点击搜索历史
	clickHistory(e) {
		this.setData({
			value: e.currentTarget.dataset.item
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad() {

	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady() {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow() {

	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide() {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload() {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh() {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom() {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage() {

	}
})